<script setup lang="ts">
const handReload = () => {
  location.reload()
}
</script>

<template>
  <div class="refresh press-down" title="刷新" @click="handReload">
    <i class="esayIcon esayIcon-shuaxin"></i>
  </div>
</template>

<style scoped lang="scss">
.refresh {
  cursor: pointer;
  height: 60px;
  padding: 0 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  &:hover {
    background: rgba(0, 0, 0, 0.04);
    i {
      animation: logoAnimation 0.3s ease-in-out;
    }
  }
}
</style>
